<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 数组方法
        // 字符串方法
        // 对象语法
        // 函数
        //    递归  调用自己
        //    回调  把函数当做参数

        // 日期对象

        // 定时器和延时器
        //    同步和异步   
        //       同步：按照顺序执行
        //       异步：谁先到时间谁就先执行


        // 事件轮询 -- 事件循环  event loop    ---- 同步和异步     后续会再补充


        // BOM 
        //    window对象
        //    对象：属性和方法构成的
        //       关于全局变量和函数  --- 自定义属性和方法
        //       属性
        //          navigator  (userAgent / appVersion)  浏览器的相关信息
        //          history
        //          location 地址栏
        //             href 完整的
        //             protocol  协议
        //             hostname  域名
        //             host 主机 = hostname + port
        //             port   端口号
        //             pathname  路径





        var a = 1;
        console.log(window.a);

        function f() { }

        window.f()



        setTimeout(function () {
            console.log(1);
            setTimeout(function () {
                console.log(3);
            }, 100)
        }, 0)

        console.log(2);

        setTimeout(function () {
            console.log(4);
        }, 20)






    </script>

</body>

</html>